<template>
  <demoBlock title="自定义位置">
    <vcu-cell is-link title="顶部展示" @click="showTopToast" />
    <vcu-cell is-link title="底部展示" @click="showBottomToast" />
  </demoBlock>
</template>

<script setup>
import { Toast } from "../../../components";

const showTopToast = () => {
  Toast.success({
    message: "顶部展示",
    position: "top",
  });
};

const showBottomToast = () => {
  Toast.fail({
    message: "底部展示",
    position: "bottom",
  });
};
</script>
